<template>
    <div class="m-goods">
        <div class="goods-wrap recod">
            <div class="special-title">{{title}}</div>
            <div class="q-list">
                <ul>
                    <li class="active">为你甄选最适合的</li>
                </ul>
            </div>
        </div>
        <div class="good-area clearfix">
            <a href="/" class="recommend" v-for="(item,index) in like" :key="index">
                <div class="recom-pic">
                    <img :src="item.imgUrl | setUrl">
                </div>
                <div class="recom-name">{{item.title}}</div>
                <div class="score-comment clearfix">
                    <div class="rate-info">
                        <el-rate v-model="value" disabled text-color="#ff9900" score-template="{value}"></el-rate>
                    </div>
                    <div class="comment-num">{{item.commentNum}}个评价</div>
                </div>
                <div class="poi-name">{{item.areaName}}</div>
                <div class="pay-info">
                    ￥
                    <span class="price">{{item.lowPrice}}</span>
                    起
                </div>
            </a>           
        </div>
    </div>
</template>

<script>

export default{
    props:{
        title:{
            type: String,
            default: ''
        },
        like:{
            type: Array,
            default: () => {
                return []
            }    
        }
    },
    data(){
        return{
            value: 4.2,
            tag: 0
        }
    },
    filters:{
        setUrl(url){
            return url.replace('w.h/' , '');
        }
    }
}
</script>